/* 路由文件 */

// 1. 引入模块
import Vue from 'vue'
import VueRouter from 'vue-router'

// 2. 引入路由组件
import Home from '../views/Home.vue'
import Index from '../components/Index.vue'

// 3. 把vue-router挂载到vue实例对象中
Vue.use(VueRouter)

// 4. 创建路由规则
const routes = [
  {
    // 4.1 当访问根目录时重定向到home页面
    path: '/',
    redirect: '/home'
  },
  {
    // 4.2 当访问home页面时重定向到idnex页面
    path: '/home',
    component: Home,
    redirect: '/index',
    children: [
      {
        path: '/index',
        component: Index
      }
      // {
      //   path: 'xxx',
      /* 懒加载：页面初次渲染的时候不加载，只有访问到了该组件才会加载页面 */
      // 加快网页初次加载速度，按需加载
      //   component: () =>import('../components/xxx.vue')
      // }
    ]
  }
]

// 5. 创建vue-router实例对象
const router = new VueRouter({
  routes
})

// 6. 导出实例对象（在main.js中接收）
export default router
